<template>
<!-- 常见科室 -->
  <div class="keShi">
    <div class="header">
      <div class="left">
        <svg t="1692877606159" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
             p-id="4084" width="16" height="16">
          <path
              d="M400.696008 129.093147c-17.248849 0-31.233352 13.984503-31.233352 31.233352l0 30.470989c0 17.248849 13.984503 31.233352 31.233352 31.233352s31.233352-13.984503 31.233352-31.233352l0-30.470989C431.92936 143.078673 417.944857 129.093147 400.696008 129.093147z"
              fill="#1296db" p-id="4085"></path>
          <path
              d="M623.647823 129.093147c-17.248849 0-31.233352 13.984503-31.233352 31.233352l0 30.470989c0 17.248849 13.985526 31.233352 31.233352 31.233352 17.248849 0 31.233352-13.984503 31.233352-31.233352l0-30.470989C654.881175 143.078673 640.896672 129.093147 623.647823 129.093147z"
              fill="#1296db" p-id="4086"></path>
          <path
              d="M425.695379 312.937269c11.209296 18.047028 41.974997 48.588625 86.152149 48.588625 43.958164 0 75.100442-30.308283 86.573751-48.223305 9.302877-14.528901 5.068436-33.846876-9.455349-43.149752-14.539134-9.307993-33.851992-5.063319-43.149752 9.455349-0.121773 0.198521-13.379729 19.449981-33.968649 19.449981-19.993357 0-32.428573-18.107403-33.271778-19.373233-9.17087-14.417361-28.28009-18.799158-42.829458-9.760295C421.089477 279.028994 416.591023 298.28557 425.695379 312.937269z"
              fill="#1296db" p-id="4087"></path>
          <path
              d="M564.242851 625.945145l-20.278859 0L543.963992 462.486306c0-17.253966-13.985526-31.233352-31.233352-31.233352-17.248849 0-31.233352 13.979386-31.233352 31.233352l0 163.457816-20.283975 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.029538 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L647.532813 709.234083C647.532813 663.309124 610.168834 625.945145 564.242851 625.945145zM585.066109 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L461.214337 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L440.392102 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.029538 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L585.066109 812.258505z"
              fill="#1296db" p-id="4088"></path>
          <path
              d="M250.808256 625.945145l-17.482163 0 0-266.970354c0-35.483142 28.864398-64.35368 64.343447-64.35368 17.248849 0 31.233352-13.984503 31.233352-31.233352s-13.985526-31.233352-31.233352-31.233352c-69.924559 0-126.810151 56.890708-126.810151 126.820384l0 266.970354-23.079648 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.029538 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L334.099241 709.234083C334.098217 663.309124 296.734238 625.945145 250.808256 625.945145zM271.630491 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L147.778718 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L126.956484 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.029538 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L271.630491 812.258505z"
              fill="#1296db" p-id="4089"></path>
          <path
              d="M876.565113 625.945145l-21.961174 0 0-266.970354c0-69.929676-56.890708-126.820384-126.815267-126.820384-17.248849 0-31.233352 13.985526-31.233352 31.233352s13.984503 31.233352 31.233352 31.233352c35.483142 0 64.348564 28.869514 64.348564 64.35368l0 266.970354-18.605753 0c-45.924959 0-83.289961 37.363979-83.289961 83.289961l0 103.024421c0 45.924959 37.363979 83.289961 83.289961 83.289961l103.034655 0c45.924959 0 83.289961-37.363979 83.289961-83.289961L959.856098 709.234083C959.854051 663.309124 922.490072 625.945145 876.565113 625.945145zM897.387347 812.258505c0 11.286044-9.537214 20.822235-20.822235 20.822235L773.530458 833.080739c-11.286044 0-20.822235-9.537214-20.822235-20.822235L752.708224 709.234083c0-11.286044 9.537214-20.822235 20.822235-20.822235l103.034655 0c11.286044 0 20.822235 9.537214 20.822235 20.822235L897.387347 812.258505z"
              fill="#1296db" p-id="4090"></path>
        </svg>
        <span>常见科室</span>
      </div>
      <div class="right">
        <span>全部</span>
        <svg t="1692877742262" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
             p-id="5224" width="16" height="16">
          <path
              d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
              fill="#bfbfbf" p-id="5225"></path>
        </svg>
      </div>
    </div>
    <div class="content">
      <ul>
        <li>神经内科</li>
        <li>消化内科</li>
        <li>呼吸内科</li>
        <li>内科</li>
        <li>神经外科</li>
        <li>妇科</li>
        <li>产科</li>
        <li>儿科</li>
      </ul>
    </div>
  </div>
<!-- 平台公告 -->
  <div class="gongGao">
    <div class="header">
      <div class="left">
        <svg t="1692878230003" class="icon" viewBox="0 0 1126 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6397" width="16" height="16"><path d="M384 399.36c-5.12 5.12-8.533333 8.533333-17.066667 8.533333h-78.506666c-13.653333 0-25.6 13.653333-25.6 25.6v160.426667c0 13.653333 13.653333 25.6 25.6 25.6h78.506666c5.12 0 13.653333 5.12 17.066667 8.533333l155.306667 160.426667c5.12 5.12 5.12 8.533333 8.533333 8.533333V232.106667l-8.533333 8.533333-155.306667 158.72z" fill="#19ADF4" p-id="6398"></path><path d="M742.4 0h-358.4C199.68 0 51.2 148.48 51.2 332.8v358.4C51.2 875.52 199.68 1024 384 1024h358.4C926.72 1024 1075.2 875.52 1075.2 691.2v-358.4C1075.2 148.48 926.72 0 742.4 0z m-143.36 805.546667c0 39.253333-22.186667 51.2-39.253333 51.2-17.066667 0-34.133333-8.533333-56.32-30.72l-145.066667-153.6h-64.853333c-42.666667 0-78.506667-39.253333-78.506667-81.92v-160.426667c0-47.786667 34.133333-81.92 78.506667-81.92H358.4l146.773333-150.186667c22.186667-22.186667 39.253333-30.72 56.32-30.72s39.253333 13.653333 39.253334 47.786667v590.506667z m121.173333-138.24l-8.533333 13.653333c-5.12 8.533333-13.653333 13.653333-22.186667 13.653333-5.12 0-8.533333 0-13.653333-5.12-8.533333-8.533333-13.653333-25.6-5.12-39.253333l8.533333-13.653333c25.6-34.133333 47.786667-68.266667 47.786667-124.586667s-22.186667-87.04-47.786667-121.173333c-5.12-5.12-8.533333-8.533333-13.653333-17.066667-8.533333-13.653333-8.533333-30.72 5.12-39.253333 8.533333-8.533333 25.6-8.533333 34.133333 5.12 5.12 5.12 8.533333 13.653333 13.653334 17.066666 30.72 39.253333 56.32 81.92 59.733333 150.186667 3.413333 73.386667-32.426667 121.173333-58.026667 160.426667z m78.506667 112.64c-5.12 5.12-8.533333 8.533333-17.066667 8.533333s-13.653333-5.12-17.066666-8.533333c-13.653333-13.653333-13.653333-25.6-5.12-39.253334 51.2-59.733333 98.986667-129.706667 98.986666-228.693333 0-95.573333-47.786667-168.96-98.986666-228.693333-8.533333-13.653333-5.12-30.72 5.12-39.253334 8.533333-8.533333 25.6-8.533333 34.133333 5.12 51.2 64.853333 107.52 146.773333 112.64 267.946667-1.706667 110.933333-56.32 197.973333-112.64 262.826667z" fill="#19ADF4" p-id="6399"></path></svg>
        <span>平台公告</span>
      </div>
      <div class="right">
        <span>全部</span>
        <svg t="1692877742262" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
             p-id="5224" width="16" height="16">
          <path
              d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
              fill="#bfbfbf" p-id="5225"></path>
        </svg>
      </div>
    </div>
    <div class="content">
      <ul>
        <li>关于范德萨范德萨范德萨广泛大使馆非递归算法</li>
        <li>关于范德萨范德萨范德萨广泛大使馆非递归算法</li>
        <li>关于范德萨范德萨范德萨广泛大使馆非递归算法</li>
      </ul>
    </div>
  </div>
  <!-- 停诊公告 -->
  <div class="gongGao">
    <div class="header">
      <div class="left">
        <svg t="1692878745278" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10424" width="16" height="16"><path d="M810.674167 317.993789c0-204.776-165.35677-237.115369-250.675104-242.575262A32.519365 32.519365 0 0 0 565.338958 53.998945a53.338958 53.338958 0 1 0-106.617917 0 49.079041 49.079041 0 0 0 5.339895 26.939474c-85.318334 10.799789-245.335208 53.998945-245.335208 242.575262 0 209.995899-26.699479 444.591317-186.656354 444.591317v27.839456a31.979375 31.979375 0 0 0 31.379387 31.979376l224.635612 4.139919A254.335033 254.335033 0 0 0 512 1024a254.335033 254.335033 0 0 0 223.975625-191.99625l224.635613-4.139919a31.979375 31.979375 0 0 0 31.379387-32.039374V767.985c-149.337083-10.73979-181.316459-239.995313-181.316458-449.991211zM512 959.98125a175.496572 175.496572 0 0 1-160.016875-127.9775h319.973751A175.496572 175.496572 0 0 1 512 959.98125z m-352.013125-191.99625C218.665729 703.366262 272.004687 565.848948 272.004687 312.593895c0-209.995899 245.335208-193.976211 245.335209-193.976212s245.395207-16.199684 245.395207 193.976212c0 253.315052 37.319271 390.772368 101.338021 455.391105z" fill="#1296db" p-id="10425"></path><path d="M609.558095 160.016875h-16.799672c-11.219781 0-16.739673 11.27978-16.739673 22.619558a23.999531 23.999531 0 0 0 22.379563 22.49956h11.159782a56.278901 56.278901 0 0 1 55.978906 56.458898v11.279779a22.379563 22.379563 0 1 0 44.759126 0V261.594891a100.738032 100.738032 0 0 0-100.738032-101.578016z" fill="#1296db" p-id="10426"></path></svg>
        <span>停诊公告</span>
      </div>
      <div class="right">
        <span>全部</span>
        <svg t="1692877742262" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
             p-id="5224" width="16" height="16">
          <path
              d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
              fill="#bfbfbf" p-id="5225"></path>
        </svg>
      </div>
    </div>
    <div class="content">
      <ul>
        <li>关于范德萨范德萨范德萨广泛大使馆非递归算法</li>
        <li>关于范德萨范德萨范德萨广泛大使馆非递归算法</li>
        <li>关于范德萨范德萨范德萨广泛大使馆非递归算法</li>
      </ul>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.keShi{
  color: #7f7f7f;
  .header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    .left{
      display: flex;
      justify-content: center;
      align-items: center;
      span{
        margin-left: 5px;
      }
    }
    .right{
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  .content{
    ul{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      li{
        width: 40%;
        margin-bottom: 20px;
      }
      li:hover{
        cursor: pointer;
        color: #3a8ee6;
      }
    }
  }
}
.gongGao{
  color: #7f7f7f;
  .header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    .left{
      display: flex;
      justify-content: center;
      align-items: center;
      span{
        margin-left: 5px;
      }
    }
    .right{
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  .content{
    ul{
      li{
        margin-bottom: 20px;
        /*超出部分隐藏*/
        overflow: hidden;
        /*....*/
        text-overflow: ellipsis;
        /*不换行*/
        white-space: nowrap;
      }
      li:hover{
        cursor: pointer;
        color: #3a8ee6;
      }
    }
  }
}
</style>